<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button id="btn">点位</button>
  <script>
    /* 判断当前浏览器是否支持serviceWorker */
    // if ('serviceWorker' in navigator) {
    //   /* 当页面加载完成就创建一个serviceWorker */
    //   window.addEventListener('load', function () {
    //     /* 创建并指定对应的执行内容 */
    //     /* scope 参数是可选的，可以用来指定你想让 service worker 控制的内容的子目录。 在这个例子里，我们指定了 '/'，表示 根网域下的所有内容。这也是默认值。 */
    //     navigator.serviceWorker.register('./serviceWorker.js', { scope: './' })
    //       .then(function (registration) {
    //         console.log('ServiceWorker registration successful with scope: ', registration.scope);
    //       })
    //       .catch(function (err) {
    //         console.log('ServiceWorker registration failed: ', err);
    //       });
    //   });
    // }

    document.addEventListener('DOMContentLoaded', async () => {
      console.log(1)
      const res = await fetch('https://api.petslib.cn/frontend/report/hot?limit=4&homepage=1')
      const rc = await res.json()
      console.log(rc)
    })
    btn.addEventListener('click', async () => {
      console.log(1)
      const res = await fetch('https://api.petslib.cn/frontend/report/hot?limit=4&homepage=1')
      const rc = await res.json()
      console.log(rc)
    })
  </script>
</body>

</html>